<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Quicksand:700' rel='stylesheet' type='text/css'>
<title>Here We Go</title>
<style>

body {
background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(30,87,153,0.12) 13%, rgba(30,87,153,0.35) 37%, rgba(30,87,153,0.8) 84%, rgba(30,87,153,0.8) 99%, rgba(30,87,153,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0)), color-stop(13%,rgba(30,87,153,0.12)), color-stop(37%,rgba(30,87,153,0.35)), color-stop(84%,rgba(30,87,153,0.8)), color-stop(99%,rgba(30,87,153,0.8)), color-stop(100%,rgba(30,87,153,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.12) 13%,rgba(30,87,153,0.35) 37%,rgba(30,87,153,0.8) 84%,rgba(30,87,153,0.8) 99%,rgba(30,87,153,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.12) 13%,rgba(30,87,153,0.35) 37%,rgba(30,87,153,0.8) 84%,rgba(30,87,153,0.8) 99%,rgba(30,87,153,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(30,87,153,0.12) 13%,rgba(30,87,153,0.35) 37%,rgba(30,87,153,0.8) 84%,rgba(30,87,153,0.8) 99%,rgba(30,87,153,0.8) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#cc1e5799',GradientType=0 ); /* IE6-9 */
min-width:357px;
min-height:400px;
overflow-x:hidden;}
p {
font-family: 'Quicksand', sans-serif;
}
</style>
<script src="test.js"></script>
</head>
<body>
<p>Write the URL of the webpages you want to see:<br />

<form name="form" action="post" method="">
<input type="text" name=t1>
<input type="button" value="test" onClick="changeIt()">
<div id="my_div"></div>

</body>
</html>